<template>
  <view class="user__history">
    <view class="user__history-header">
      <text class="iconfont icon-history"></text>
      <text>浏览历史</text>
    </view>
    <scroll-view scroll-x class="user__history-list">
      <image
        @click="navTo('/pages/product/product')"
        src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553105186633&di=c121a29beece4e14269948d990f9e720&imgtype=0&src=http%3A%2F%2Fimg004.hc360.cn%2Fm8%2FM04%2FDE%2FDE%2FwKhQplZ-QteEBvsbAAAAADUkobU751.jpg"
        mode="aspectFit"
      />
      <image
        @click="navTo('/pages/product/product')"
        src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553105231218&di=09534b9833b5243296630e6d5b728eff&imgtype=0&src=http%3A%2F%2Fimg002.hc360.cn%2Fm1%2FM05%2FD1%2FAC%2FwKhQcFQ3iN2EQTo8AAAAAHQU6_8355.jpg"
        mode="aspectFit"
      />
      <image
        @click="navTo('/pages/product/product')"
        src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553105320890&di=c743386be51f2c4c0fd4b75754d14f3c&imgtype=0&src=http%3A%2F%2Fimg007.hc360.cn%2Fhb%2FMTQ1OTg4ODY0MDA3Ny05OTQ4ODY1NDQ%3D.jpg"
        mode="aspectFit"
      />
      <image
        @click="navTo('/pages/product/product')"
        src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2691146630,2165926318&fm=26&gp=0.jpg"
        mode="aspectFit"
      />
      <image
        @click="navTo('/pages/product/product')"
        src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553105443324&di=8141bf13f3f208c61524d67f9bb83942&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01ac9a5548d29b0000019ae98e6d98.jpg"
        mode="aspectFit"
      />
      <image
        @click="navTo('/pages/product/product')"
        src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=191678693,2701202375&fm=26&gp=0.jpg"
        mode="aspectFit"
      />
    </scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="scss">
.user {
  &__history {
    padding: 30rpx 0 0;
    margin-top: 20rpx;
    background: #fff;
    border-radius: 10rpx;
    &-header {
      display: flex;
      align-items: center;
      font-size: $font-base;
      color: $font-color-dark;
      line-height: 40rpx;
      margin-left: 30rpx;

      .iconfont {
        font-size: 38rpx;
        color: #5eba8f;
        margin-right: 16rpx;
        line-height: 40rpx;
      }
    }

    &-list {
      white-space: nowrap;
      padding: 30rpx 30rpx 0;
      image {
        display: inline-block;
        width: 160rpx;
        height: 160rpx;
        margin-right: 20rpx;
        border-radius: 10rpx;
      }
    }
  }
}
</style>
